body {
margin: 0;
padding: 0;
font-family: Helvetica, sans-serif;
font-size: 16px;
background:#ebebeb url(images/backgrad.gif) repeat-x left top;
}

h1 {
margin: 5px 0 0 0;
}

h2 {
text-align:center;
margin: 0 0 5px 0;
}

hr {
border: 2px solid black;
}

img {
border: 0;
}

div {
padding:0;
margin:0;
}

p {
padding: 0;
margin: 0 0 5px 0;
}

div.page {
width: 980px;
margin: auto;
}

div.left {
width: 480px;
float: left;
}

div.left img {
float: left;
margin-right: 10px;
}

div.right {
width: 480px;
float: right;
}

#rotor_display {
font-size: 48px;
font-family: Courier New, Courier, Fixed, monospace;
font-weight: bold;
text-align: center;
padding: 15px;
}

#rotor_display span {
border: 3px solid black;
color: white;
background-color: black;
padding: 15px;
margin: 0 10px;
}

legend {
font-weight: bold;
color: gray;
font-size: 24px;
}


label {
font-size: 24px;
font-weight: bold;
}

#init_form label {
display: inline-block;
width: 140px;
vertical-align: top;
}

#encoding label.box {
display: block;
margin: 5px 0;
}

fieldset {
margin-bottom: 15px;
}

fieldset ol {
margin: 0;
padding: 0;
}

fieldset li {
list-style: none;
padding: 5px;
margin: 0 0 5px 0;
}

#init_form input[type="text"] {
font-size: 24px;
font-family: Courier New, Courier, Fixed, monospace;
font-weight: bold;
width: 270px;
}

#init_form input[type="text"]#plugs {
font-size: 14px;
}

#init_form input[type="button"] {
font-size: 24px;
font-family: Courier New, Courier, Fixed, monospace;
font-weight: bold;
width: 270px;
}

.text-input {
width: 100%;
height: 100px;
font-size: 24px;
font-family: Courier New, Courier, Fixed, monospace;
font-weight: bold;
margin-bottom: 20px;
}

#cipher {
font-size: 24px;
font-family: Courier New;
font-weight: bold;
border: 1px solid black;
color: white;
background-color: black;
padding: 5px;
}

#key_out {
color: red;
}